<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
        <title>TravelPlanner::Home</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <link rel="stylesheet" type="text/css" media="screen" href="css/index.css" />
        <link rel="stylesheet" href="css/960.css" type="text/css" />
        <link rel="stylesheet" href="css/slide.css" type="text/css" media="screen" />

        <!-- jQuery - the core -->
        <script src="js/jquery-1.6.2.min.js" type="text/javascript"></script>
        <!-- Sliding effect -->
        <script src="js/slide.js" type="text/javascript"></script>    

    </head>

    <body>
        <!-- Panel -->
        <div id="toppanel">
            <div id="panel">
                <!-- Login Form -->
                <form class="clearfix" action="user.htm" method="post">
                    <label class="grey" for="log">Username:</label>
                    <input class="field" type="text" name="userName" id="userName" value="" size="23" />
                    <label class="grey" for="pwd">Password:</label>
                    <input class="field" type="password" name="password" id="password" size="23" />
                    <select name="type" class="field">
                      <option selected="selected">Select Type</option>
                      <option value="privileged">Privileged</option>
                      <option value="general">General</option>
                    </select>
                <label><input name="rememberme" id="rememberme" type="checkbox" checked="checked" value="forever" /> &nbsp;Remember me</label>        			
                    <input type="submit" name="submit" value="Login" class="bt_login" />
                    <a class="lost-pwd" href="#">Lost your password?</a>  
                    <a class="reg" href="registration.htm" >Register</a>                  
                </form>
            </div> <!-- /login -->	

            <!-- The tab on top -->	
            <div class="tab">
                <ul class="login">
                    <li class="left">&nbsp;</li>
                    <li id="toggle">
                        <a id="open" class="open" href="#">Log In | Register</a>
                        <a id="close" style="display: none;" class="close" href="#">Close Panel</a>			
                    </li>
                    <li class="right">&nbsp;</li>
                </ul> 
            </div> <!-- / top -->

        </div> <!--panel -->

        <!-- header starts-->
        <div id="header-wrap"><div id="header1" class="container_16">		
                <h1 id="logo-text"><a href="index.jsp" title="">Travel Planner</a></h1>
          <p id="intro">Your guide to everywhere...</p>	

                <!-- navigation -->
                <div  id="nav">
                    <ul>
                        <li id="current"><a href="index.jsp">Home</a></li>
                        <li><a href="index.jsp">Services </a></li>
                        <li><a href="index.jsp">Available Routes</a></li>
                        <li><a href="index.jsp">Contact Us</a></li>
                        <li><a href="index.jsp">About</a></li>		
                    </ul>		
          </div>		
                <!-- navigation ends here-->
                <form id="quick-search" action="index.jsp" method="get" >
                    <p>
                        <label for="qsearch">Search:</label>
                        <input class="tbox" id="qsearch" type="text" name="qsearch" value="Search..." title="Start typing and hit ENTER" />
                        <input class="btn" alt="Search" type="image" name="searchsubmit" title="Search" src="images/search.gif" />
                    </p>
          </form>			
                <!-- header ends here -->

            </div>
</div>

        <!-- content starts -->
        <div id="content-outer">
            <div id="content-wrapper" class="container_16">
              <table width="946" border="1">
                <tr>
                  <td width="589"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras porta   tempor turpis in condimentum. Suspendisse sodales imperdiet justo, vitae   auctor ipsum pretium molestie. Fusce tempus porttitor scelerisque. In   dictum augue eu leo mattis quis imperdiet nisi vulputate. Sed posuere mi   quis massa consequat eleifend sit amet sed ligula. Aenean pretium, dui   in aliquet scelerisque, tortor erat tincidunt nibh, sit amet euismod   enim justo ac lorem. </p>
                  <p> Mauris ut neque nunc, et viverra ante. Nam a adipiscing purus. Duis at   facilisis dolor. Class aptent taciti sociosqu ad litora torquent per   conubia nostra, per inceptos himenaeos. Maecenas lacinia, felis ac   ornare porttitor, augue massa eleifend sapien, eu fermentum lacus elit   non felis. In hac habitasse platea dictumst. Fusce pretium, odio a   condimentum porta, eros diam venenatis orci, eu eleifend leo arcu   accumsan nibh.</p></td>
                  <td width="341">&nbsp;</td>
                </tr>
              </table>
            </div>
        </div>
        <!-- content ends here -->

        <!-- footer starts here -->	
        <div id="footer-wrapper" class="container_16">	
            <div id="footer-content"></div>
        </div>
        <!-- footer ends here -->

    </body>
</html>
